<%@ page pageEncoding="UTF-8" %>
<%@ page contentType="text/html; charset=UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<%--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">--%>
<!DOCTYPE html>
<html>

<head>
    <base href="<%=basePath%>">
    <!-- jsp文件头和头部 -->
    <%@ include file="../system/admin/top.jsp" %>
    <link rel="stylesheet" href="static/css/zpay.css"/>
</head>


<body style="position:relative;">
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<!--弹出框-->
<div class="alertModule">
    <p class="tips">请在3分钟内完成充值。</p>
    <div class="QRimg" id="QRimg"></div>
    <span class="closeA">好，我知道了</span>
</div>
<!--内容区-->
<div class="container">
    <div class="pay-account tab">
        <div class="title">充值账户：</div>
        <input type="text" id="payAccount" readonly value="${userName}"/>
    </div>

    <div class="pay-money tab">
        <div class="title">充值金额：</div>
        <div id="payBox">
            <input type="button" id="pay10" class="inputbtn checked" value="10元"/>
            <input type="button" id="pay30" class="inputbtn" value="30元"/>
            <input type="button" id="pay50" class="inputbtn" value="50元"/>
            <input type="text" id="payMoney" class="NumText" placeholder="请输入金额" onfocus="JavaScript:this.value=''"/>
        </div>
    </div>

    <div class="pay-type tab">
        <div class="title">充值方式：</div>
        <ul id="payType">
            <li class="lied" data-type="0">微信支付</li>
            <li data-type="1">支付宝支付</li>
        </ul>
    </div>

    <button id="paybtn">支付</button>
</div>
<!-- 返回顶部  -->
<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse"> <i class="icon-double-angle-up icon-only"></i> </a>

<!-- 引入 -->
<script type="text/javascript">
    window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>');
</script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ace-elements.min.js"></script>
<script src="static/js/ace.min.js"></script>

<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script>
<!-- 下拉框 -->
<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script>
<!-- 日期框 -->
<script type="text/javascript" src="static/js/bootbox.min.js"></script>
<!-- 确认窗口 -->
<!-- 引入 -->
<script type="text/javascript" src="static/js/jquery.tips.js"></script>

<script type="text/javascript" src="static/js/zjs/zpay.js"></script>
<script type="text/javascript">
    $(top.hangge());
</script>
</body>

</html>